<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>


<script src="${pageContext.request.contextPath}/js/jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/js/jquery.floatbox.10.4.min.js" type="text/javascript"></script>
<script src="${pageContext.request.contextPath}/js/roll.js" type="text/javascript"></script>
<script language="JavaScript">

$(document).ready(function(){
	
	$("#Previous").click(function(){
	       
        $("#loadProduct_currentPage").val($("#loadProduct_currentPage").val()-1);
           
         $("#loadProduct").submit();
      });
      
       $("#Next").click(function(){
 
        $("#loadProduct_currentPage").val(parseInt($("#loadProduct_currentPage").val())+1);
           
         $("#loadProduct").submit();
      });
      
});
</script>
<div class="clear sec_page_content" id="channel_1001">
   	<div class="content_top_bg"></div>
    <div class="content_mid_bg">
    	<!-- Left of news second level page -->
    	<div class="left news_left">
    		<div>
	    		<div class="news_left_content_top"><s:text name="product"/></div>
	    		
	    		<div class="news_left_content_bottom">
	    			<ul>
	    				<s:iterator value="types">
    						<s:if test="%{id==producttypeId}">
    							<li><a class="active" href='<s:url value="/product/loadProduct.action"><s:param name="producttypeId" value="id"/></s:url>'>
    							<s:if test="%{language=='en'}">
    							  <s:property value="envalue"/>
    							</s:if>
    							<s:else>
    							  <s:property value="chvalue"/>
    							</s:else>
    							</a></li>
    						</s:if>
    						<s:else>
    							<li><a href='<s:url value="/product/loadProduct.action"><s:param name="producttypeId" value="id"/></s:url>'>
    							<s:if test="%{language=='en'}">
    							  <s:property value="envalue"/>
    							</s:if>
    							<s:else>
    							  <s:property value="chvalue"/>
    							</s:else>
    							</a></li>
    						</s:else>
	    				</s:iterator>
	    			</ul> 
	    		</div>
	    	</div>
	    	<div class="news_search">
	    		<div class="news_left_content_top"><s:text name="latestproduct"/></div>
	    		<div class="news_left_content_bottom">
	    			<div class="blk_18">
						<a onmouseup="ISL_StopUp_1()" class="LeftBotton" onmousedown="ISL_GoUp_1()" onmouseout="ISL_StopUp_1()" href="javascript:void(0);" target="_self"></a>
						<div class="pcont" id="ISL_Cont_1">
							<div class="ScrCont">
					            <div id="List1_1">
					            	<s:iterator value="products">
						                <a class="pl" href="<s:url value='showProduct.action'><s:param name='productId' value='id'/></s:url>" target="_blank">
						                	<img height="72" alt="<s:property value="name"/>" src="${pageContext.request.contextPath}/<s:property value='logo.path'/>" width="96"><s:property value="name"/>
						                </a>
					                </s:iterator>
					            </div>
								<div id="List2_1">
								</div>
							</div>
						</div>
						<a onmouseup="ISL_StopDown_1()" class="RightBotton" onmousedown="ISL_GoDown_1()" onmouseout="ISL_StopDown_1()" href="javascript:void(0);" target="_self"></a>
					</div>
					<script type=text/javascript>
					<!--
						picrun_ini();
					//-->
					</script>
	    		</div>
	    	</div>
    	</div>
    	<!-- Center of news second level page -->
    	<div class="left news_center">
    		<div><img src="${pageContext.request.contextPath}/images/product.jpg" width="625px" /></div>
    		<s:form action="loadProduct" theme="simple" name="loadProduct">
    			<s:hidden name="currentPage"></s:hidden>
    		 	<s:hidden name="producttypeId"></s:hidden>
    			<div>
    				<s:if test="%{language=='en'}">
    					<div class="news_center_content_top"><s:property value="%{productsrealtype.envalue}" /></div>   					
    				</s:if>
    				<s:else>
    				 	<div class="news_center_content_top"><s:property value="%{productsrealtype.chvalue}" /></div>
    				</s:else>
    				
    				<div class="news_center_content">
    					<s:iterator value="products">
    						<dl>
    							<dt>
    								<a href="<s:url value='showProduct.action'><s:param name='productId' value='id'/></s:url>"><s:property value="name" /></a>
    							</dt>
    							<dd class="left_thumb">
    								<table>
    									<tr>
    										<td><a href="<s:url value='showProduct.action'><s:param name='productId' value='id'/></s:url>"><img alt="<s:property value="name"/>" src="${pageContext.request.contextPath}/<s:property value='logo.path'/>"/></a></td>
    									</tr>
    								</table>
    								<table class="param_font">
    									<s:iterator value="parameters" var="param" status="st">
    										<s:if test='%{#st.index==0 ||#st.index==1}'>
		    									<tr>
		    										<td><s:property value="%{#param.name}"/>:</td>
		    										<td><s:property value="%{#param.value}"/></td>
		    									</tr>
		    								</s:if>
    									</s:iterator>
    								</table>
    							</dd>
    						</dl>
	    				</s:iterator>
    				</div>
	    			<div class="right page_style clear">
						<span class="page-navi-count">
							<a href="#" id="Previous">&lt;&lt;<s:text name="previous"></s:text></a>
							<s:set var="currentPage" value="0" /> 
			  				<s:iterator value="%{pager.pageNums}">
								<a href="<s:url value='loadProduct.action'><s:param name='currentPage' value='%{#currentPage}'/><s:param name='producttypeId' value='producttypeId'/></s:url>" id="pager">
									<s:property value="%{pager.pageNums[#currentPage]}" />
								</a>
								<s:set var="currentPage" value="%{#currentPage+1}" />
							</s:iterator> 
							<a href="#" id="Next"><s:text name="next"></s:text>&gt;&gt;</a> 
						</span> 
					</div>
    			</div>
    		</s:form>
    	</div>
    	<!-- Center of news second level page -->
    	<div class="left news_right">
    		<div>
    			<div class="news_center_content_top"><s:text name="videoproduct"/></div>
    			
    			<div class="videos" align="center">
    				<a class="hd" title="产品视频" href="${pageContext.request.contextPath}/product/getProductMovie.action">
    					<img src="${pageContext.request.contextPath}/images/video/product.jpg" alt="产品视频" style="border:1px solid #eeeeee;" />
    					<span class="play"></span>
    				</a>
    			</div>
    		</div>
    	</div>
    	<div class="clear" style="height:0;"></div>
    </div>
    <div class="content_bottom_bg"></div>
</div>
